import BtnLoad from '../components/btn-load';

export default {
    components: {
        BtnLoad,
    },
    props: {
        defaultShowSize: {
            type: Number,
            default: 10,
        },
    },
    data() {
        return {
            // 是否展示全部列表内容
            showAllFlag: false,
        };
    },
    computed: {
        /**
         * 
         * @returns 未展示的页数
         */
        remain() {
            return this.data.length - this.tableData.length;
        },
        /**
         * 
         * @returns 裁切后的数据
         */
        tableData() {
            if (!this.showAllFlag) {
                return this.data.slice(0, this.defaultShowSize);
            }

            return this.data;
        },
    },
    methods: {
        /**
         * 加载全部主评论
         */
        btnLoadHandler() {
            this.showAllFlag = true;
        },
    },
};